 var table ,form ,laypage ,layer ,element ,laydate ,upload//时间组件 
$(function(){
	layui.use(['table','form','laypage','layer', 'element', 'laydate','upload'], function(){
        table = layui.table;
        form=layui.form;
        laypage = layui.laypage ;//分页
        layer = layui.layer ;//弹层
        element = layui.element; //元素操作
        laydate = layui.laydate; //时间组件 
        upload = layui.upload;
	//设备列表查询信息
    $('.demoTable .layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });
   
	var active = {
	    	//添加设备列表
			equipmentId: function(){ //获取选中数据
		      var checkStatus = table.checkStatus('equipmentData'),
		      data = checkStatus.data;		    
		      if(data==""){
		    	  layer.msg('未选择设备');
		      }else if(data!=""){
		    	  var equipment = data;
		    	  //for(var i=0;i<equipment.length;i++){		    		  
		    	  var codeData=equipment[0].name+"("+equipment[0].code+")";
			      //}			    	  
		    	  $("#equipmentName").val(codeData);
		    	  $("#equipmentName").attr("title",codeData);
		    	  $("#equipmentId").val(equipment[0].id);		    	  
		    	  layer.closeAll();
		      }
		  },
		  //添加变电站
		  form_addownerform: function(){ //获取选中数据
		      var checkStatus = table.checkStatus('stationData'),
		      data = checkStatus.data;		    
		      if(data==""){
		    	  layer.msg('未选择所属变电站');
		      }else if(data!=""){
		    	  $("#station").trigger("input");//在使用Js改变这个input的值后，监听事件(input propertychange)并不能触发,加此代码解决
		    	  $("#stationName").val(data[0].name);
		    	  $("#stationName").attr("title",data[0].name);
		    	  $("#station").val(data[0].id);
		    	  layer.closeAll();
		      }
		  },
		  //添加开关柜
		  form_switchCabinetDataform: function(){ //获取选中数据
		      var checkStatus = table.checkStatus('switchCabinetData'),
		      data = checkStatus.data;		    
		      if(data==""){
		    	  layer.msg('未选择开关柜');
		      }else if(data!=""){
		    	  //var equipment = data;
		    	  //for(var i=0;i<equipment.length;i++){		    		  
		    	 // var codeData=equipment[0].name+"("+equipment[0].code+")";
			      //}			    	  
		    	  $("#switchCabinetName").val(data[0].name);
		    	  $("#switchCabinetName").attr("title",data[0].name);
		    	  $("#switchCabinet").val(data[0].id);		    	  
		    	  layer.closeAll();
		      }
		  },
	};
	//开关柜列表弹窗
	$("#switchCabinetName").click(function(){
	  var sId=$("#station").val();
	  if(sId==""){
		  layer.msg("请选择变电站！", {icon: 5});
		  return  false;
	  }	 
	  $("#form_addswitchCabinet").find("input ,textarea").val("");//值清空
	  var fullindex2=layer.open({
 	        type: 1,
	        area: ['750px', '520px'],
	        fix: false, //不固定
	        maxmin: true,
	        shadeClose: true,
	        shade:0.4, //遮罩层
	        title: ['选择开关柜','background:#1E9FFF;color:#fff'],
	        content: $('#form_addswitchCabinet')
	    });
	   layer.full(fullindex2);
	   $("#stationId").val(sId);
	   var DataArry={condition:[{field:"stationId",keyword:sId}]}; 
  	   form.render();   	
	  	 table.render({
		    elem: '#switchCabinetData',
		    height:380,	
		    url: '/switchCabinet/getList.do',//数据接口 
		    where:{"reqData" : JSON.stringify(DataArry)},  
		    text: {
  			    none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
  			  },
		    method: 'post',  
	        loading: true,  			
		    headers: setHeader(),
		    parseData: function(res){
	          return res.resultData;
	        },
	        response: {
	          statusName: 'status', //规定数据状态的字段名称，默认：code
	          statusCode: 200, //规定成功的状态码，默认：0
	          msgName: 'hint', //规定状态信息的字段名称，默认：msg
	          countName: 'total', //规定数据总数的字段名称，默认：count
	          dataName: 'data' //规定数据列表的字段名称，默认：data
	        },
	  	    page: false, //开启分页
	  	    cols: [[    //表头
	  	    	  {type: 'radio', align:'center'},	
	  	    	  {field: 'id', title: 'ID',   align:'center',hide:true,width:5},
			      {field: 'xuhao', title: '序号',  align:'center', type:'numbers',width:50},
			      {field: 'name', title: '名称', align:'left',width:230},
			      {field: 'cabinetNumber', title: '柜号', align:'left',width:120},			      
			      {field: 'stationName', title: '所属变电站', align:'left',width:200},
			      {field: 'remarks', title: '备注', align:'left',width:150},
			      {field: 'createTime', title: '创建时间', align:'left',width:180, 
			    	  templet: function(data){
				  			return changeTime(data.createTime)					        							        
				  		}  
			      },
			    ]],
	  	    done: function (res) {
	  	    	if(res.status!=200){
		    		if(res.status == 666){
		    			  TIMEOUT(); 
			        }else{
	        	         $(".layui-none").text(res.resultMsg);
	        	         layer.msg(res.resultMsg, {icon: 5});
			        }  
		         }	
	          }
	  	});
	  form.render();
     });
	  form.on('submit(queryData3)', function(data){
	    	// 组装查询条件
	        var reqData = getConditionValue();
	        // 重新加载表格数据
	        table.reload("switchCabinetData", {
	             where: {"reqData" : JSON.stringify(reqData)}
		         ,page: {
		            curr: 1 //重新从第 1 页开始
		          }
	        });
	        
	 });
	//变电站列表弹窗
	$("#stationName").click(function(){
	  $("#form_addstation").find("input ,textarea").val("");//值清空
	  var fullindex2=layer.open({
 	        type: 1,
	        area: ['750px', '520px'],
	        fix: false, //不固定
	        maxmin: true,
	        shadeClose: true,
	        shade:0.4, //遮罩层
	        title: ['选择所属变电站','background:#1E9FFF;color:#fff'],
	        content: $('#form_addstation')
	    });
	   layer.full(fullindex2);
  	   form.render();   
	     //添加设备表格列表	
	  	 table.render({
		    elem: '#stationData',
		    height:380,	
		    url: '/station/getList.do',//数据接口 
		    text: {
  			    none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
  			  },
		    method: 'post',  
	        loading: true,  			
		    headers: setHeader(),
		    parseData: function(res){
	          return res.resultData;
	        },
	        response: {
	          statusName: 'status', //规定数据状态的字段名称，默认：code
	          statusCode: 200, //规定成功的状态码，默认：0
	          msgName: 'hint', //规定状态信息的字段名称，默认：msg
	          countName: 'total', //规定数据总数的字段名称，默认：count
	          dataName: 'data' //规定数据列表的字段名称，默认：data
	        },
	  	    page: false, //开启分页
	  	    cols: [[    //表头
	  	    	  {type: 'radio', align:'center'},	
	  	    	  {field: 'id', title: 'ID',   align:'center',hide:true,width:5},
			      {field: 'xuhao', title: '序号',  align:'center', type:'numbers',width:50},
			      {field: 'name', title: '变电站名称', align:'left',width:150},
			      {field: 'owner', title: '所属业主', align:'left',width:150},
			      {field: 'region', title: '所在区域', align:'left',width:150},
			      {field: 'contacts', title: '联系人', align:'left',width:150},
			      {field: 'contactsPhone', title: '联系电话',   align:'left',width:150},
			      {field: 'remarks', title: '备注', align:'left',width:230},
			      {field: 'createName', title: '创建人 ', align:'left',align:'left',width:150},
			      {field: 'createTime', title: '创建时间', align:'left',width:180, 
			    	  templet: function(data){
				  			return changeTime(data.createTime)					        							        
				  		}  
			      },	
			    ]],
	  	    done: function (res) {
	  	    	if(res.status!=200){
		    		if(res.status == 666){
		    			  TIMEOUT(); 
			        }else{
	        	         $(".layui-none").text(res.resultMsg);
	        	         layer.msg(res.resultMsg, {icon: 5});
			        }  
		         }	
	          }
	  	});
	  form.render();
     });
	  form.on('submit(queryData2)', function(data){
	    	// 组装查询条件
	        var reqData = getConditionValue();
	        // 重新加载表格数据
	        table.reload("stationData", {
	             where: {"reqData" : JSON.stringify(reqData)}
		         ,page: {
		            curr: 1 //重新从第 1 页开始
		          }
	        });
	        
	    });
	//设备列表弹窗
	$("#equipmentName").click(function(){
	  $("#form_addequment").find("input ,textarea").val("");//值清空
	  var fullindex2=layer.open({
 	        type: 1,
	        area: ['750px', '520px'],
	        fix: false, //不固定
	        maxmin: true,
	        shadeClose: true,
	        shade:0.4, //遮罩层
	        title: ['选择设备','background:#1E9FFF;color:#fff'],
	        content: $('#form_addequment')
	    });
	   layer.full(fullindex2);
  	   form.render();   
	     //添加设备表格列表	
	  	 table.render({
		    elem: '#equipmentData',
		    height:380,	
		    url: '/equipment/getList.do',//数据接口 
		    text: {
  			    none: '暂无相关设备' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
  			  },
		    method: 'post',  
	        loading: true,  			
		    headers: setHeader(),
		    parseData: function(res){
	          return res.resultData;
	        },
	        response: {
	          statusName: 'status', //规定数据状态的字段名称，默认：code
	          statusCode: 200, //规定成功的状态码，默认：0
	          msgName: 'hint', //规定状态信息的字段名称，默认：msg
	          countName: 'total', //规定数据总数的字段名称，默认：count
	          dataName: 'data' //规定数据列表的字段名称，默认：data
	        },
	  	    page: false, //开启分页
	  	    cols: [[    //表头	
	  	    	  {type: 'radio', align:'center'},	
			      {field: 'id', title: 'ID',   align:'center',hide:true,width:5},
			      {field: 'xuhao', title: '序号',  align:'center', type:'numbers',width:50},
			      {field: 'name', title: '设备名称', align:'left',width:120},
			      {field: 'code', title: '设备编码', align:'left',width:120},
			      {field: '', title: '设备图片',   align:'left',width:150,
			    	  templet: function(data){
			    		  if(data.imageZh==null||data.imageZh==""){
			    			  return ""
			    		  }else{
				    		  return "<a class='lookurladdress' lay-event='lookimgtx' title='图片查看'   href='javascript:void(0);'>"+
					    		        "<ul id='img_"+data.image+"'>"+
											"<li><img data-original='"+data.imageZh+"' src='"+data.imageZh+"' style='width:100%;height:100%'/></li>"+
										 "</ul>"+
									 "</a>" 
			    		  }			 
						form.render();//需要渲染一下
			    	  }  
			      },
			      {field: 'position', title: '设备位置',   align:'left',width:150},
			      {field: 'typeZh', title: '设备类型',   align:'left',width:150},
			      {field: 'stateZh', title: '设备状态 ', align:'left',align:'left',width:150},
			      {field: 'model', title: '规格型号', align:'left',width:180},
			      {field: 'nfc', title: 'nfc编码', align:'left',width:180},
			      {field: 'supplierName', title: '生产厂家 ', align:'left',align:'left',width:150},
			      {field: 'createTime', title: '创建时间', align:'left',width:180, 
			    	  templet: function(data){
				  			return changeTime(data.createTime)					        							        
				  		}  
			      },		     
			      {field: '', title: '操作', align:'center',width:80,
				      templet: function(data){
						return '<div class="layui-btn-group">'+
					                    '<a href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="look"  >查看</a>' +                            
                               '</div>'   
						}
			      }
			    ]],
	  	    done: function (res) {
	  	    	if(res.status!=200){
		    		if(res.status == 666){
		    			  TIMEOUT(); 
			        }else{
	        	         $(".layui-none").text(res.resultMsg);
	        	         layer.msg(res.resultMsg, {icon: 5});
			        }  
		         }	
	          }
	  	});
	  form.render();
  });
	 table.on('tool(equipmentDataTest)', function (obj) {
			form.render();//需要渲染一下
	        var data = obj.data;
	        if (obj.event === 'look') {
	        	 //查看
	        	var num = obj.data;
	        	layer.open({
	                type: 2,
	                area: ['70%', '90%'],
	                fix: false, //不固定
	                maxmin: true,
	                shadeClose: true,
	                shade:0.4, //遮罩层
	                title: ['设备信息查看','background:#1E9FFF;color:#fff'],
	                content:'/res/page/equipment/equipment_look.html?id='+num.id
	        	 });
	       	   form.render();   
	        				            	            
	        }else if(obj.event === 'lookimgtx'){ //图片查看
	           	 var viewer = new Viewer(document.getElementById('img_'+data.image), {
		     			url: 'data-original',
		     			navbar: false
		     		});
            }  
			form.render();//需要渲染一下	   
	    });
	  form.on('submit(queryData1)', function(data){
	    	// 组装查询条件
	        var reqData = getConditionValue();
	        // 重新加载表格数据
	        table.reload("equipmentData", {
	             where: {"reqData" : JSON.stringify(reqData)}
		         ,page: {
		            curr: 1 //重新从第 1 页开始
		          }
	        });
	        
	    });
	})
})